<template>
  <div class="city">
    <city-header></city-header>
   <!-- <city-hot ></city-hot>
    <city-sort :cities="cities"></city-sort>-->
    <city-list :hotCities="hotCities" :cities="cities"></city-list>
  </div>
</template>
<script type="text/ecmascript-6">
  import CityHeader from './pages/Header'
  /*import CityHot from './pages/Hot'
  import CitySort from './pages/Sort'*/
  import CityList from './pages/List'
  export default {
    data(){
      return{
        hotCities:[],
        cities:{}
      }
    },
    mounted(){
      this.$http.get('http://47.105.51.229/getcity').then(res=>{
        //console.log(res.data.data.data);
        let data = res.data.data.data;
        this.hotCities = data.hotCities;
        this.cities = data.cities
      })
    },
    components:{
      CityHeader,
      /*CityHot,
      CitySort,*/
      CityList
    }
  }
</script>

